<template>
  <div>
<h2>用户登录页面</h2>
<table border="1">

  <tr>
    <td>用户名称</td>
    <td>
      <input type="text" v-model="info.uname">
    </td>
  </tr>
  <tr>
    <td>密码</td>
    <td>
      <input type="password" v-model="info.upwd">
    </td>
  </tr>
  <tr>
    <td colspan="2">
      <input type="button" value="登录" @click="Add()">
    </td>

  </tr>
</table>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import axios from 'axios';
import { useRouter } from 'vue-router';
const router=useRouter();
const info=ref({

  uname:"",
  upwd:"",

})

//用户添加
const Add=()=>{

  if(info.value.uname=="")
  {
      alert("登录名不能为空");
      return;
  }
  if(info.value.upwd=="")
  {
      alert("密码不能为空");
      return;
  }
  axios({
    url:"http://localhost:59085/api/CF/denglushow",
    method:"get",
    params:info.value
  }).then((res)=>{
    if(res.data==200)
    {
      alert("用户不存在");

    }
    else if(res.data==300)
    {
      alert("密码错误");
 
    }
    else if(res.data>0)
    {
      alert("登录成功");
      router.push("ShowView");
    }
    else
    {
      alert("添加失败");
    }
  })
  

}

</script>

<style scoped>

</style>